<template>
<view class="security-box h100 bg-white text-black cu-list menu">
  <view class="cu-item arrow border-top" @tap="gotoPage({type: 'login', mode: 'set'})">
    <view class="content">设置登录密码</view>
    <view class="action text-orange">设置</view>
  </view>
  <view class="cu-item arrow" @tap="gotoPage({type: 'login', mode: 'edit'})">
    <view class="content">修改登录密码</view>
    <view class="action text-orange">修改</view>
  </view>
  <view class="cu-item arrow" @tap="gotoPage({type: 'pay', mode: 'set'})">
    <view class="content">设置支付密码</view>
    <view class="action text-orange">设置</view>
  </view>
  <view class="cu-item arrow border-bottom" @tap="gotoPage({type: 'pay', mode: 'edit'})">
    <view class="content">修改支付密码</view>
    <view class="action text-orange">修改</view>
  </view>
</view>
</template>

<script>
export default {
  name: 'security', // 账号与安全
  data () {
    return {
    }
  },
  methods: {
    gotoPage(key) {
      this.$Router.push({
        name: 'security-edit',
        params: key
      })
    }
  }
}
</script>

<style lang="less">
</style>
